import {createRouter, createWebHashHistory, RouteRecordRaw} from 'vue-router';
import Source from '../pages/source/index.vue';
// import Callus from '../pages/config/callus/index.vue';
// import Detail from '../pages/config/detail/index.vue';
// import Home from '../pages/config/home/index.vue';
// import Show from '../pages/config/show/index.vue';
import Config from '../pages/config/index.vue';
import SourceSwiper from '../pages/source/swiper/index.vue';
import SwiperDetail from '../pages/source/swiper/details.vue';
import SourceWork from '../pages/source/works/index.vue';
import WorkDetail from '../pages/source/works/details.vue';
import SourceStyles from '../pages/source/styles/index.vue';
import SourceNine from '../pages/source/nine/index.vue';
import NineDetail from '../pages/source/nine/detail.vue';
import SourceLevel from '../pages/source/level/index.vue';
import LevelDetail from '../pages/source/level/details.vue';
import SourceCard from '../pages/source/card/index.vue';
import SourcePicture from '../pages/source/picture/index.vue';
const routes: RouteRecordRaw[] = [
    {
        path: '/',
        name: 'Source',
        component: Source,
        redirect: '/source'
    },
    {
        path: '/source',
        name: 'Source',
        component: Source,
        redirect: '/source/source-swiper',
        children: [
            {
                path: '/source/source-swiper',
                name: 'SourceSwiper',
                component: SourceSwiper
            },
            {
                path: '/source/source-swiper-detail',
                name: 'SwiperDetail',
                component: SwiperDetail
            },
            {
                path: '/source/source-works',
                name: 'SourceWork',
                component: SourceWork
            },
            {
                path: '/source/source-works-detail',
                name: 'WorkDetail',
                component: WorkDetail
            },
            {
                path: '/source/source-styles',
                name: 'SourceStyles',
                component: SourceStyles
            },
            {
                path: '/source/source-nine',
                name: 'SourceNine',
                component: SourceNine
            },
            {
                path: '/source/source-nine-detail',
                name: 'NineDetail',
                component: NineDetail
            },
            {
                path: '/source/source-level',
                name: 'SourceLevel',
                component: SourceLevel
            }, //LevelDetail
            {
                path: '/source/source-level-detail',
                name: 'LevelDetail',
                component: LevelDetail
            }, //LevelDetail
            {
                path: '/source/source-card',
                name: 'SourceCard',
                component: SourceCard
            },
            {
                path: '/source/source-picture',
                name: 'SourcePicture',
                component: SourcePicture
            }
        ]
    },
    {
        path: '/config',
        name: 'Config',
        component: Config
    }
    // {
    //     path: '/',
    //     name: 'Source',
    //     component: Source,
    //     redirect: '/source'
    // }
    // {
    //     path: '/config-index',
    //     name: 'Home',
    //     component: Home
    // },
    // {
    //     path: '/config-detail',
    //     name: 'Detail',
    //     component: Detail
    // },
    // {
    //     path: '/config-callus',
    //     name: 'Callus',
    //     component: Callus
    // },
    // {
    //     path: '/config-show',
    //     name: 'Show',
    //     component: Show
    // }
];
export default createRouter({
    history: createWebHashHistory(),
    routes
});
